import { ReactNode } from 'react';
import { Header } from '@/components/layout/Header';
import { SiteFooter } from '@/components/layout/Footer';

export default function EvcpLayout({ children }: { children: ReactNode }) {
    return (
        <div className="relative flex min-h-svh flex-col bg-background">
        {/* <div className="relative flex min-h-svh flex-col bg-slate-100 "> */}
            <Header />
            <main className="flex flex-1 flex-col">
                <div className='container-wrapper'>
                        {children}
                </div>
            </main>
            <SiteFooter/>
        </div>
    );
}